@charset "utf-8";
.web {
    width: 1279px;
    margin: 0 auto;
    header {
        margin: 0 auto;
        width: 1030px;
        height: 125px;
        padding-bottom: 42px;
        .logo {
            float: left;
            font-size: 0;
            padding: 49px 0 0 30px;
        }
        .nav {
            float: right;
            width: 553px;
            height: 84px;
            margin: 0 70px 23px 126px;
            .li1 {
                float: right;
                padding-left: 227px;
                font-size: 12px;
                margin-top: 15px;
                width: 553px;
                height: 12px;
                color: #b3b2b2;
            }
            .li2 {
                width: 593px;
                height: 15px;
                margin-top: 41px;
                float: left;
                li {
                    font-size: 14px;
                    color: #7a7878;
                    margin-right: 24px;
                    float: left;
                }
                .active{
                    margin: 0 auto;
                    text-align: center;
                    margin-right: 24px;
                }
                .active:after {
                content: "";
                display: block;
                height: 4px;
                width: 50px;
                margin: 0 auto;
                margin-top: 4px;
                background-color: #1abc9c;
                }           
            }
        }       
    }

header{
    .nav{ 
        .li2{
              a{
    color: #7a7878;
        }
    }
  } 
}

.mid{
    .mid2{ 
        .mid8{
              a{
    color: #FFFFFF;
        }
    }
  } 
}  
  
   .mid{
        width: 1280px;
        height: 992px;
        background:url(../img/背景2.png);
        background-repeat: no-repeat;
    }
    .mid1{
        float: left;
        padding-top: 137px;
        font-size: 0;
    }
    .mid2{
        padding-top: 185px;
        float: right;
        font-size: 17px;
        color: #FFFFFF;
    }
    .mid3{
        font-size: 18px;
         margin-right: 220px;
    }
    .mid4{
        width: 300px;
        float: right;
        line-height: 54px;
        margin-right: 206px;
        font-size: 27px;
        margin-bottom: 86px;
    }
    .mid5{
        width: 356px;
        height: 308px;
    }
    .mid6{
        float: left;
        width: 170px;
        height: 56px;
        border-radius: 4px;
        background-color: #1abc9c;
    }
    .mid7{
        float: right;
        width: 170px;
        height: 56px;
        border-radius: 4px;
        background-color: #3498db;
    }
    .mid8{
        font-size: 17px;
        line-height: 56px;
        text-align: center;
    }
    .mid9{
        float: left;
        width: 621px;
        height: 179px;
        margin: 104px 0 0 242px;
    }   
    .mid10{
        padding-bottom: 27px;
        font-size: 18px;
    }
    .mid11{
        font-size: 12px;
        line-height: 24px;
    }
    .mid12{
        float: right;
    }    
    
    
    .work{
        margin: 0 auto;
        width: 1280px;
        height: 460px;
        background-color: #38373d;
    }
    .work1{
        margin: 0 auto;
        width: 721px;
        height: 460px;
    }
    .work2{
        margin: 0 auto;
        float: left;
        width: 240px;
        height: 460px;
    }
    .work10{
        margin-top: 120px;
        font-size: 0;
        text-align: center;
    }
    .work11{
        text-align: center;
        font-size: 16px;
        padding: 27px 0 32px 0;
        color: #FFFFFF;
    }
    .work12{
        text-align: center;
        font-size: 12px;
        color: #FFFFFF;
        padding: 0 30px 0 30px;
        margin: 0 0 0 0;
    }
    .work3{
        margin: 0 auto;
        float: left;
        width: 240px;
        height: 460px;
    }
    .work5{
        margin-top: 34px;
        font-size: 19px;
        color: #FFFFFF;
        text-align: center;
    }
    .work6{
        font-size: 17px;
        text-align: center;
        color: #FFFFFF;
    }
    .work7{
        margin-top: 40px;
        text-align: center;
        font-size: 0;
    }
    .work8{
        text-align: center;
        font-size: 16px;
        margin: 29px 0 30px 0;
        color: #FFFFFF;
    }
    .work9{
        font-size: 12px;
        text-align: center;
        color: #FFFFFF;
        padding: 0 30px 0 30px;
    }
    .work4{
        margin: 0 auto;
        float: right;
        width: 240px;
        height: 460px;
    }
    
    .info{
        width: 1280px;
        height: 570px;
    }
    .info1{
        margin: 0 auto;
        width: 836px;
        height: 570px;
    }
    .info2{
        width: 611px;
        height: 94px;
        margin-left: 126px;
        margin-right: 99px;
        border-bottom: 2px solid #e7e7e7;
        padding: 49px 170px 19px 247px;
    }
    .info3{
        font-size: 25px;
        float: left;
        letter-spacing: 2px;
        color: #6d7680;
    }
    .info4{
        font-size: 18px;
        float: right;
        color: #6D7680;
    }
    .info5{
        width: 836px;
        height: 337px;
        margin-top: 32px;
        margin-bottom: 96px;
    }
    .info6{ 
        float: left;
        width: 376px;
        height: 91px;
    }
    .info7{
        float: left;
        width: 275px;
        height: 38px;
        font-size: 14px;
        line-height: 24px;
        padding: 27px 0 0 0;
    }   
    .info8{
        float: left;
        font-size: 0;
        margin-right: 20px;
    }
    .info9{
        float: right;
        font-size: 11px;
        line-height: 51px;
    }
    .info10{
        float: left;
        width: 440px;
        height: 91px;
    }
    .info11{
        float: left;
        font-size: 0;
        margin-left: 64px;
        padding-right: 18px;
    }
    .info12{
        float: right;
        font-size: 11px;
        line-height: 52px;
    }
    .info13{
        float: left;
        width: 376px;
        height: 91px;
        margin-top: 30px;
        margin-bottom: 33px;       
    }
    .info14{
        width: 440px;
        height: 91px;
        float: right;
        margin-top: 30px;
        margin-bottom: 33px; 
    }
    .info15{
        float: left;
        margin-left: 45px;
        padding-right: 18px;
    }
    
    .product{
        width: 1280px;
        height: 650px;
        background: url(../img/beijing_02.png);
        border-bottom: 84px solid #ebecec;
    }
    .product1{
        width: 610px;
        height: 70px;
        margin:0 335px 0 324px;
        text-align: center;
        position: relative;
        font-size: 24px;
        line-height: 72px;
        letter-spacing: 4px;
        color: #FFFFFF;
        border-bottom: 2px solid #e7e7e7;
    }
    .product2{
      width: 1124px;
      height: 403px;
      margin: 0 auto;
      padding-top: 31px;  
    }
    .product3{
        padding: 150px 0 150px 0;
        float: left;
    }
    .product4{
        float: left;
        padding: 108px 0 16px 0;
    }
    .product5{
        float: left;
        padding: 0 60px 0 61px;
    }
    .product6{
        float: left;
        padding: 108px 0 16px 0;
    }
    
    
    footer{
        margin: 0 auto;
        width: 1280px;
        height: 540px;
        .foot{
            height: 423px;
            background:url("../img/图层 10.png");
            .foot5{
                margin: 0 auto;
                width: 940px;
                height: 423px;
            .foot1{
                float: left;
              margin: 194px 0  70px 0;
            .foot2{
                margin-left: -6px;
                width: 132px;
                font-size: 12px;
                margin-ttop: 9px;
                color: #ffffff;
            }
            } 
            .foot3{
                float: left;
                padding-top: 194px;
                margin-left: 32px;
                width: 358px;
                height: 141px;
                color: #FFFFFF;
             }
             .foot4{
                font-size: 15px;
                padding-bottom: 24px;
             }
             .foot6{
                float: left;
                width: 22px;
                height: 110px;
                line-height: 18px;
            }
            .foot7{
                margin-bottom: 18px;
            }
            .foot8{
                float: right;
                width: 320px;
                height: 90px;
            }
            .foot9{
                font-size: 12px;
            }
            .foot10{
                margin-top: 18px;
                font-size: 13px;
            }
            .foot11{
                 margin-top: 13px;
                font-size: 12px;
            }
            .foot12{
                margin-bottom: 25px;
            }
            
             
             .footer4{
                 float: right;
                 width: 392px;
             }
             .footer1{
                 padding-top: 61px;
                 padding-bottom: 11px;
                 color: #FFFFFF;
                 font-size: 15px;
             } 
             .boe{
                 float: left;
                 width: 170px;
                 height: 40px;
                 font-size: 12px;
                 color: #a4adb7;
                 border: 0px;
                 padding-left: 12px;
                 border-radius: 4px;
                 background-color: #5d6d7e;
            }
            .boe1{
                float: right;
                width: 200px;
                height: 40px;
                border: 0px;
                font-size: 12px;
                padding-left: 12px;
                background-color: #5d6d7e;
                border-radius: 4px;
                color: #A4ADB7;
            }
            .boe2{
                width: 391px;
                height: 40px;
                font-size: 13px;
                color: #A4ADB7;
                border: 0px;
                border-radius: 4px;
                padding-left: 14px;
                margin: 11px 0 10px 0;
                background-color: #5d6d7e;
            }
            .footer6{
                float: left;
                width: 391px;
                height: 143px;
                color: #A4ADB7;
                font-size: 13px;
                border-radius: 4px;
                background-color: #5D6D7E;
                padding: 23px 251px 108px 10px;
            } 
            .footer7{
                margin: 0 auto;
                text-align: center;
                line-height: 26px;
                float: right;
                width: 98px;
                height: 30px;
                font-size: 13px;
                color: #c9e4f5;
                border-radius: 4px;
                background-color: #3498db;
                margin-top: 10px;
            }
             
            .footer4{
                    .footer7{
                            a{
                    color: #FFFFFF;
    }
  } 
}   
             
             
            }
            .foote{
                margin: 0 auto;
                width: 1280px;
                height: 118px;
                background-color: #2c3e50;
            }
            .foote1{
                margin: 0 auto;
                text-align: center;
                width: 647px;
                height: 32px;
                padding-top: 45px;
            }
            .foote2{
                font-size: 14px;
                color: #d5d7da;
            }
            .foote3{
                font-size: 11px;
                line-height: 22px;
                color: #999da3;
            }
        }
           .foote4{
               width: 0;
               height: 0;
               margin-left: 45%;
               margin-top: -120px;
               border: 40px solid transparent;
               border-bottom: 60px solid #2c3e50;
           }
}
}


